import React, { Component } from 'react'

export default class CycleShow extends Component {
  state = {
    count: 0
  }

  incre = () => {
    this.setState({
      count: this.state.count + 1
    })
  }

  render() {
    return (
      <div>
        <h2>{this.state.count}</h2>
        <button onClick={this.incre}>新增</button>
      </div>
    )
  }

  //组件挂载完毕的生命周期方法   组件实例对象自动调用的该方法
  componentDidMount(){
    console.log('组件挂载完毕...');
  }

  //组件将要卸载的生命周期方法
  componentWillUnmount(){
    console.log('组件将要卸载....');
  }

  //组件更新完成的生命周期方法
  componentDidUpdate(){
    console.log('组件更新完成')
  }

}
